﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>DT-CHAIN</title>
<link rel="icon" href="/static/images/D-blockchain.ico" type="image/x-icon" />
<script type="text/javascript" src="/static/js/jquery.js"></script>
<script type="text/javascript" src="/static/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="/static/css/index.css">
<link rel="stylesheet" href="/static/css/bootstrap.min.css">
<!-- <link rel="stylesheet" href="css/bootstrap-grid.min.css"> -->


<!-- ================================= -->
<style type="text/css">

  html { overflow-y: hidden; }
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box}
*,body{padding:0px;	margin:0px; color: #222;font-family: "微软雅黑";}
@font-face{font-family:electronicFont;src:url(/static/font/DS-DIGIT.TTF)}

/* body{ background:#000d4a url(../images/bg.jpg) center top; background-size:cover;color:#666;font-size: .1rem;} */
body{ background:#00051d /* url(../images/bg.jpg) */ center top; background-size:cover;color:#666;font-size: .1rem;}

li{ list-style-type:none;}
i{ margin:0px; padding:0px; text-indent:0px;}
img{ border:none; max-width: 100%;}
a{ text-decoration:none; color:#399bff;}
a.active,a:focus{ outline:none!important; text-decoration:none;}
ol,ul,p,h1,h2,h3,h4,h5,h6{ padding:0; margin:0}
a:hover{ color:#06c; text-decoration: none!important}

.clearfix:after, .clearfix:before {display: table; content: " "}
.clearfix:after {clear: both}
.pulll_left{float:left;}
.pulll_right{float:right;}
/*谷哥滚动条样式*/

  /*::-webkit-scrollbar {width:5px;height:5px;position:absolute}*/
  /*::-webkit-scrollbar-thumb {background-color:#5bc0de}*/
  /*::-webkit-scrollbar-track {background-color:#ddd}*/

/***/
.canvas{position: absolute; width:100%; left: 0; top: 0; height: 99%; z-index: 1;}

.allnav{height: calc(100% - 30px);}

/* .loading{position:fixed; left:0; top:0; font-size:18px; z-index:100000000;width:100%; height:100%; background:#1a1a1c; text-align:center;} */
.loading{position:fixed; left:0; top:0; font-size:18px; z-index:100000000;width:100%; height:100%; background:#000000; text-align:center;}

.loadbox{position:absolute; width:160px;height:150px; color: #aaa; left:50%; top:50%; margin-top:-100px; margin-left:-75px;}
.loadbox img{ margin:10px auto; display:block; width:40px;}

/* .copyright{ background:rgba(19,31,64,.32); border: 1px solid rgba(255,255,255,.05); line-height:.5rem; text-align: center; padding-right: 15px; bottom: 0; color:rgba(255,255,255,.7); font-size: .16rem; } */
.copyright{ background:rgba(0, 0, 0, 0.9); border: 1px solid rgba(255,255,255,.05); line-height:.5rem; text-align: center; padding-right: 15px; bottom: 0; color:rgba(255,255,255,.7); font-size: .16rem; }

/* .head{ height:1.05rem; background: url(../images/head_bg.png) no-repeat center center; background-size: 100% 100%; position: relative; z-index: 100;} */
.head{/* height:1.05rem; */ position: relative; z-index: 100;}

.head h1{ color:#fff; text-align: center; font-size: .4rem; line-height:.8rem;}
.head h2{ color:#fff; text-align: center; font-size: .2rem; line-height:.8rem;}

.head-text{top:0; color:rgba(255,255,255,.7); font-size:.18rem; line-height:.75rem;}
.head-state-text{text-align: center; font-family:electronicFont; /* font-weight: bold;*/ font-size:.2rem;}
.padding-lr-04{padding-left: .4rem; padding-right: .4rem;}
.padding-lr-03{padding-left: .3rem; padding-right: .3rem;}
.padding-lr-02{padding-left: .2rem; padding-right: .2rem;}

/* .head-action-btn:hover{border: 2px solid #fff; border-radius: 20px;} */

.head h1 img{ width:1.5rem; display: inline-block; vertical-align: middle; margin-right: .2rem}
.weather{ position:absolute; right:.2rem; top:0; line-height: .75rem;}
.weather img{ width:.37rem; display: inline-block; vertical-align: middle;}
.weather span{color:rgba(255,255,255,.7); font-size: .18rem; /* padding-right: .0rem; */}
.mainbox{ padding:0 .1rem;}
/* .mainbox>ul{} */
.mainbox>ul>li{ float: left; padding: 0 .1rem}

.mainbox>ul>li{ width: 30%}
.mainbox>ul>li:nth-child(2){ width: 40%;padding: 0}

/* .boxall{ border: 1px solid rgba(25,186,139,.17); padding:0 .2rem .4rem .15rem;  background: rgba(255,255,255,.04) url(../images/line.png); background-size: 100% auto; position: relative; margin-bottom: .15rem; z-index: 10;} */
.boxall{ border: 1px solid rgba(25,186,139,.17); padding:0 .2rem .4rem .15rem;  background: rgba(0, 0, 0, 0.4) /* url(../images/line.png) */; background-size: 100% auto; position: relative; margin-bottom: .15rem; z-index: 10;}

.boxall:before,
.boxall:after{ position:absolute; width: .1rem; height: .1rem; content: "";  border-top: 2px solid #02a6b5; top: 0;}
.boxall:before,.boxfoot:before{border-left: 2px solid #02a6b5;left: 0;}
.boxall:after,.boxfoot:after{border-right: 2px solid #02a6b5; right: 0;}
.alltitle{ font-size:.2rem; color:#fff; text-align: center; line-height: .5rem;}

.boxfoot{ position:absolute; bottom: 0; width: 100%; left: 0;}
.boxfoot:before,
.boxfoot:after{ position:absolute; width: .1rem; height: .1rem;  content: "";border-bottom: 2px solid #02a6b5; bottom: 0;}

/* .bar{background:rgba(101,132,226,.1); padding: .15rem;} */
.bar{background:rgba(0, 0, 0, 0.9); padding:0 .15rem;}

.barbox li,.barbox2 li{ width:25%; text-align: center; position: relative; z-index: 10;}
.barbox:before,
.barbox:after{ position:absolute; width: .3rem; height: .1rem; content: ""; }
.barbox:before{border-left: 2px solid #02a6b5;left: 0;border-top: 2px solid #02a6b5; }
.barbox:after{border-right: 2px solid #02a6b5; right: 0; bottom: 0;border-bottom: 2px solid #02a6b5; }

/* .barbox li:first-child:before{ position:absolute; content: ""; height:50%; width: 1px; background: rgba(255,255,255,.2); right: 0; top: 25%;} */
.barbox li:first-child:before{ position:absolute; content: ""; height:50%; width: 1px; background: rgba(0, 0, 0, 0.9); right: 0; top: 25%;}

.barbox{border: 1px solid rgba(25,186,139,.17); position: relative;}
.barbox li{ font-size: .7rem; color: #ffeb7b; padding: .05rem 0; font-family:electronicFont; font-weight: bold;}
.barbox2 li{ font-size: .19rem; color:rgba(255,255,255,.7); padding-top: .1rem;}

.map{  position:relative; height: 7.2rem; z-index: 9;}
.map4{ width: 200%; height:7rem;  position: relative; left: -50%; top: 4%; margin-top: .2rem; z-index: 5;}
.map1,.map2,.map3{ position:absolute; opacity: .5}
.map1{ width:6.43rem; z-index: 2;top:.45rem; left: .7rem;  animation: myfirst2 15s infinite linear;}
.map2{ width:5.66rem; top:.85rem; left:1.2rem; z-index: 3; opacity: 0.2; animation: myfirst 10s infinite linear;}
.map3{ width:5.18rem; top:1.07rem; left: 1.4rem; z-index: 1;}

.tabs { text-align: center; padding: .1rem 0 0 0;}
.tabs a {position: relative; display: inline-block; margin-left: 1px; padding:.05rem .2rem; color: #898989; transition: all .3s ease-out 0s; font-size: 14px;}
.tabs li{ display:inline-block;}
.tabs a:after {position: absolute; width: 1px; height: 10px; background-color: rgba(255,255,255,.1); content: ''; margin-left:0; right:-1px; margin-top: 7px;}
.tabs li a.active {border: 1px solid rgba(25,186,139,.17); background: rgba(255,255,255,.05); color:#fff;}

.tit02{ text-align:center; margin: .1rem 0; position: relative}
.tit02 span{border: 1px solid rgba(25,186,139,.17); letter-spacing: 2px; padding: .01rem .2rem; background: rgba(255,255,255,.05);  font-size: .18rem;  color: #49bcf7;}
.tit02:before,.tit02:after{ position:absolute; width:26%; height: 1px;background: rgba(25,186,139,.2);  content: ""; top: .12rem;}
.tit02:after{ right:0;}
.tit02:before{ left:0;}

.wrap{ height:2.54rem; overflow: hidden;}
.wrap li{  line-height:.42rem; height:.42rem; font-size: .18rem; text-indent: .24rem; margin-bottom: .1rem; }
.wrap li p{border: 1px solid rgba(25,186,139,.17);color: rgba(255,255,255,.6); }
.sy{ float:left; width: 33%; height:95%; margin-top: .25rem;}


.adduser{ height:1.5rem; overflow: hidden;}
.adduser li{height:.5rem;}
.adduser img{ width: .40rem; border-radius: .5rem; margin-right: .1rem; display: inline-block; vertical-align: middle;}
.adduser span{  line-height:.5rem; font-size: .18rem;color: rgba(255,255,255,.6); }

.sycm ul{ margin-left:-.5rem;margin-right:-.5rem;  padding: .16rem 0;}
.sycm li{ float: left; width: 33.33%; text-align: center; position: relative}
.sycm li:before{ position:absolute; content: ""; height:30%; width: 1px; background: rgba(255,255,255,.1); right: 0; top: 15%;}
.sycm li:last-child:before{ width: 0;}

.sycm li h2{ font-size:.3rem; color: #c5ccff;}
.sycm li span{ font-size:.18rem; color: #fff; opacity: .5;}

@keyframes myfirst2{from {transform: rotate(0deg);}to {transform: rotate(359deg);}}

@keyframes myfirst{from {transform: rotate(0deg);}to {transform: rotate(-359deg);}}

/*Plugin CSS*/
.str_wrap {overflow:hidden; width:100%; position:relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; white-space:nowrap;}

.str_move {white-space:nowrap; position:absolute; top:0; left:0; cursor:move;}
.str_move_clone {display:inline-block; vertical-align:top; position:absolute; left:100%; top:0;}
.str_vertical .str_move_clone {left:0; top:100%;}
.str_down .str_move_clone {left:0; bottom:100%;}
.str_vertical .str_move, .str_down .str_move {white-space:normal; width:100%;}
.str_static .str_move, .no_drag .str_move, .noStop .str_move{cursor:inherit;}
.str_wrap img {max-width:none !important;}


</style>

<!-- ================================ -->

</head>
<script>
	$(window).load(
    function(){$(".loading").fadeOut()}
    )  
			
/****/
$(document).ready(function(){
	var whei=$(window).width()
	$("html").css({fontSize:whei/20})
	$(window).resize(function(){
		var whei=$(window).width()
	 $("html").css({fontSize:whei/20})
});
	});
	</script>
	<!-- <script type="text/javascript" src="js/echarts.min.js"></script> -->
  <script type="text/javascript" src="/static/js/echarts5_min.js"></script> 
	<script language="JavaScript" src="/static/js/index.js"></script>
<body>
<!--<div class="canvas" style="opacity: .2">-->
<!--	<iframe frameborder="0" src="/static/js/index.html" style="width: 100%; height: 100%"></iframe>-->
<!--	</div>-->
<div class="loading">
  <div class="loadbox"><img src="/static/picture/loading.gif"> 页面加载中... </div>
</div>



<!-- Console panel-->
<div class="console-wrap-lc" id="id-console-wrap-lc" onclick="close_console()"><div class="console-wrap" onclick="event.cancelBubble=true;">

<!--  <div class="btn-group" role="group" aria-label="Basic radio toggle button group">-->
<!--  <input type="radio" class="btn-check" name="btnradio" id="btnradio1" autocomplete="off" checked>-->
<!--  <label class="btn btn-outline-primary console-content-btn" for="btnradio1">Radio 1</label>-->

<!--  <input type="radio" class="btn-check" name="btnradio" id="btnradio2" autocomplete="off">-->
<!--  <label class="btn btn-outline-primary console-content-btn" for="btnradio2">Radio 2</label>-->

<!--  <input type="radio" class="btn-check" name="btnradio" id="btnradio3" autocomplete="off">-->
<!--  <label class="btn btn-outline-primary console-content-btn" for="btnradio3">Radio 3</label>-->
<!--  </div>-->

  <ul class="nav nav-pills justify-content-center" id="pills-tab" role="tablist">
    <li class="nav-item" role="presentation" style="margin: .3rem 0 .1rem 0;">
      <button class="nav-link active" style="padding: .1rem .2rem; border:1px solid #0d6efd; border-radius: 12px 0 0 12px" id="pills-1-tab" data-bs-toggle="pill" data-bs-target="#pills-1" type="button" role="tab" aria-controls="pills-1" aria-selected="true">Local</button>
    </li>
    <li class="nav-item" role="presentation" style="margin: .3rem 0 .1rem 0;">
      <button class="nav-link" style="padding: .1rem .2rem; border:1px solid #0d6efd; border-left: none ; border-radius: 0;" id="pills-2-tab" data-bs-toggle="pill" data-bs-target="#pills-2" type="button" role="tab" aria-controls="pills-2" aria-selected="false">Find</button>
    </li>
    <li class="nav-item" role="presentation" style="margin: .3rem 0 .1rem 0;">
      <button class="nav-link" style="padding: .1rem .2rem; border:1px solid #0d6efd; border-left: none ; border-radius: 0;" id="pills-3-tab" data-bs-toggle="pill" data-bs-target="#pills-3" type="button" role="tab" aria-controls="pills-3" aria-selected="false">Upload</button>
    </li>
    <li class="nav-item" role="presentation" style="margin: .3rem 0 .1rem 0;">
      <button class="nav-link" style="padding: .1rem .2rem; border:1px solid #0d6efd; border-left: none ; border-radius: 0;" id="pills-4-tab" data-bs-toggle="pill" data-bs-target="#pills-4" type="button" role="tab" aria-controls="pills-4" aria-selected="false">Request</button>
    </li>
    <li class="nav-item" role="presentation" style="margin: .3rem 0 .1rem 0;">
      <button class="nav-link" style="padding: .1rem .2rem; border:1px solid #0d6efd; border-left: none ; border-radius: 0;" id="pills-5-tab" data-bs-toggle="pill" data-bs-target="#pills-5" type="button" role="tab" aria-controls="pills-5" aria-selected="false">Share</button>
    </li>
    <li class="nav-item" role="presentation" style="margin: .3rem 0 .1rem 0;">
      <button class="nav-link" style="padding: .1rem .2rem; border:1px solid #0d6efd; border-left: none ; border-radius: 0;" id="pills-7-tab" data-bs-toggle="pill" data-bs-target="#pills-7" type="button" role="tab" aria-controls="pills-7" aria-selected="false">Unpack</button>
    </li>
    <li class="nav-item" role="presentation" style="margin: .3rem 0 .1rem 0;">
      <button class="nav-link" style="padding: .1rem .2rem; border:1px solid #0d6efd; border-left: none ; border-radius: 0 12px 12px 0;" id="pills-6-tab" data-bs-toggle="pill" data-bs-target="#pills-6" type="button" role="tab" aria-controls="pills-6" aria-selected="false">Evaluate</button>
    </li>
  </ul>


  <div class="tab-content console-container" id="pills-tabContent">
    <!--  Local  -->
    <div class="container tab-pane fade show active" id="pills-1" role="tabpanel" aria-labelledby="pills-home-tab">

<!--      <div class="blank-line-02"></div>-->
<!--      <div class="text-center lead console-text-size-04">当前本地节点信息</div>-->
<!--      <div class="blank-line-01"></div>-->
<!--      <table class="table table-hover">-->
<!--        <thead>-->
<!--          <tr>-->
<!--            <th scope="col" style="padding: 10px;">No</th>-->
<!--            <th scope="col" style="padding: 10px;">Name</th>-->
<!--            <th scope="col" style="padding: 10px;">Value</th>-->
<!--          </tr>-->
<!--        </thead>-->
<!--        <tbody>-->
<!--          <tr>-->
<!--            <th scope="row" style="padding: 10px;">1</th>-->
<!--            <td style="padding: 10px;">node_private_key</td>-->
<!--            <td style="padding: 10px; word-break:break-all;">5f1e096c1a7e68b66ac83af786319db09cd133ac3b91e0c05bd434666f415a8b</td>-->
<!--          </tr>-->
<!--        </tbody>-->
<!--      </table>-->
<!--      <div class="text-center"><button type="button" class="btn btn-outline-primary console-content-btn-sm">更新节点信息</button></div>-->
<!--      <div class="blank-line-04"></div>-->

    </div>
    <!--  Find 内容区  -->
    <div class="container tab-pane fade" id="pills-2" role="tabpanel" aria-labelledby="pills-profile-tab">

      <div class="row console-content-padding-10">
        <div class="lead console-text-size-02 console-content-padding-10">精确查找</div>
        <div class="col-2 console-content-padding-10">
          <input class="form-control console-content-find-input" id="console-find-input-height" type="text" placeholder="height">
        </div>
        <div class="col-5 console-content-padding-10">
          <input class="form-control console-content-find-input" id="console-find-input-block-hash" type="text" placeholder="block_hash">
        </div>
        <div class="col-5 console-content-padding-10">
          <input class="form-control console-content-find-input" id="console-find-input-tx-id" type="text" placeholder="tx_id">
        </div>
      </div>

      <div class="row console-content-padding-10">
        <div class="lead console-text-size-02 console-content-padding-10">范围查找</div>
        <div class="col-7 console-content-padding-10">
          <input class="form-control console-content-find-input" id="console-find-input-business-id" type="text" placeholder="business_id">
        </div>
        <div class="col-5 console-content-padding-10">
          <input class="form-control console-content-find-input" id="console-find-input-data-id" type="text" placeholder="data_id">
        </div>
      </div>

      <div class="row console-content-padding-10">
        <div class="col-2 console-content-padding-10">
          <div class="form-check console-content-padding-10" style="margin: 0;min-height: 0;">
            <input class="form-check-input console-content-find-input-checkbox" type="checkbox" value="upload" id="console-find-input-type-upload" checked>
            <label class="form-check-label console-text-size-02" for="console-find-input-type-upload">upload</label>
          </div>
        </div>
        <div class="col-2 console-content-padding-10">
          <div class="form-check console-content-padding-10" style="margin: 0;min-height: 0;">
            <input class="form-check-input console-content-find-input-checkbox" type="checkbox" value="request" id="console-find-input-type-request" checked>
            <label class="form-check-label console-text-size-02" for="console-find-input-type-request">request</label>
          </div>
        </div>
        <div class="col-2 console-content-padding-10">
          <div class="form-check console-content-padding-10" style="margin: 0;min-height: 0;">
            <input class="form-check-input console-content-find-input-checkbox" type="checkbox" value="share" id="console-find-input-type-share" checked>
            <label class="form-check-label console-text-size-02" for="console-find-input-type-share">share</label>
          </div>
        </div>
        <div class="col-2 console-content-padding-10">
          <div class="form-check console-content-padding-10" style="margin: 0;min-height: 0;">
            <input class="form-check-input console-content-find-input-checkbox" type="checkbox" value="evaluate" id="console-find-input-type-evaluate" checked>
            <label class="form-check-label console-text-size-02" for="console-find-input-type-evaluate">evaluate</label>
          </div>
        </div>
      </div>

      <div class="row console-content-padding-10">

        <div class="col-5" style="padding: 4px 0 4px 15px;">
          <input style="padding: .08rem .16rem;border-radius: 10px 0 0 10px;font-size: .16rem;" class="form-control" id="console-find-input-node-address" type="text" placeholder="node_address">
        </div>
        <div class="col-2" style="padding: 4px 15px 4px 0;">
          <select style="padding: .08rem .16rem;border-radius: 0 10px 10px 0;font-size: .16rem; border-left: none;" class="col-2 form-select" id="console-find-input-subject">
          <option value="all" selected>所有</option>
          <option value="act">主动</option>
          <option value="pas">被动</option>
          </select>
        </div>
        <div class="col-5 console-content-padding-10">
          <div class="text-right"><button type="button" class="btn btn-outline-primary console-content-btn-sm" onclick="query()">立即查询</button></div>
        </div>

      </div>

      <!--查询内容展示区域-->
      <div class="row console-content-padding-10" id="console-find-query-res-wrap">
<!--        <div class="col-12 console-content-padding-10">-->
<!--          <table class="table table-hover">-->
<!--            <thead>-->
<!--              <tr>-->
<!--                <th scope="col" style="padding: 10px;">height</th>-->
<!--                <th scope="col" style="padding: 10px;">block_hash</th>-->
<!--                <th scope="col" style="padding: 10px;">tx_id</th>-->
<!--                <th scope="col" style="padding: 10px;">tx_type</th>-->
<!--                <th scope="col" style="padding: 10px;">tx_time</th>-->
<!--                <th scope="col" style="padding: 10px;">node_address</th>-->
<!--              </tr>-->
<!--            </thead>-->
<!--            <tbody>-->
<!--              <tr onclick="pop_block_detail(this)" title="123">-->
<!--                <th scope="row" style="padding: 10px;">7</th>-->
<!--                <td style="padding: 10px; word-break:break-all;">5f1e096c1a7e68b66ac83af786319db09cd133ac3b91e0c05bd434666f415a8b</td>-->
<!--                <td style="padding: 10px; word-break:break-all;">5f1e096c1a7e68b66ac83af786319db09cd133ac3b91e0c05bd434666f415a8b</td>-->
<!--                <td style="padding: 10px;">upload</td>-->
<!--                <td style="padding: 10px;">2021-10-07 12:00</td>-->
<!--                <td style="padding: 10px; word-break:break-all;">5f1e096c1a7e68b66ac83af786319db09cd133ac3b91e0c05bd434666f415a8b</td>-->
<!--              </tr>-->
<!--            </tbody>-->
<!--          </table>-->
<!--        </div>-->
      </div>
    </div>
    <!--  Upload 内容区  -->
    <div class="container tab-pane fade" id="pills-3" role="tabpanel" aria-labelledby="pills-contact-tab">

      <div class="row console-content-padding-10">
        <div class="lead console-text-size-025 console-content-padding-10"><b>上传数据</b>：发布upload类型块</div>
        <div class="col-7 console-content-padding-10">
          <textarea class="form-control console-content-find-input" id="console-upload-input-data" name="upload-input-data" rows="7" type="text" placeholder="准备上传的数据"></textarea>
        </div>
        <div class="col-5 console-content-padding-10">
          <textarea class="form-control console-content-find-input" id="console-upload-input-desc" name="upload-input-desc" rows="7" type="text" placeholder="对左侧数据的描述"></textarea>
        </div>
      </div>

      <div class="row console-content-padding-10">
        <div class="col-4 offset-8 console-content-padding-10">
          <button type="button" class="btn btn-outline-primary console-content-btn-sm" style="float: right" onclick="release_upload()">立即发布</button>
        </div>
      </div>

    </div>
    <!--  Request 内容区  -->
    <div class="container tab-pane fade" id="pills-4" role="tabpanel" aria-labelledby="pills-contact-tab">

      <div class="row console-content-padding-10">
        <div class="lead console-text-size-025 console-content-padding-10"><b>请求数据</b>：发布request类型块</div>
        <div class="col-12 console-content-padding-10">
          <input class="form-control console-content-find-input" id="console-request-input-tx-id" name="request-input-tx-id" type="text" placeholder="准备请求的upload块的tx_id">
        </div>
      </div>

      <div class="row console-content-padding-10">
        <div class="col-6 offset-6 console-content-padding-10">
          <button type="button" class="btn btn-outline-primary console-content-btn-sm" style="float: right" onclick="release_request()">立即发布</button>
          <button type="button" class="btn btn-outline-success console-content-btn-sm" style="float: right; margin-right: 10px;" onclick="console_release_assist('console-request-query-res-wrap', 'request')">查看可以请求的数据</button>
        </div>
      </div>

      <div class="row console-content-padding-10" id="console-request-query-res-wrap"></div>

    </div>
    <!--  Share 内容区  -->
    <div class="container tab-pane fade" id="pills-5" role="tabpanel" aria-labelledby="pills-contact-tab">

      <div class="row console-content-padding-10">
        <div class="lead console-text-size-025 console-content-padding-10"><b>共享数据</b>：授权本地数据，发布share类型块</div>
        <div class="col-12 console-content-padding-10">
          <input class="form-control console-content-find-input" id="console-share-input-tx-id" name="share-input-tx-id" type="text" placeholder="准备授权的目标请求的tx_id">
        </div>
      </div>

      <div class="row console-content-padding-10">
        <div class="col-6 offset-6 console-content-padding-10">
          <button type="button" class="btn btn-outline-primary console-content-btn-sm" style="float: right" onclick="release_share()">立即发布</button>
          <button type="button" class="btn btn-outline-success console-content-btn-sm" style="float: right; margin-right: 10px;" onclick="console_release_assist('console-share-query-res-wrap', 'share')">查看可以授权的请求块</button>
        </div>
      </div>

      <div class="row console-content-padding-10" id="console-share-query-res-wrap"></div>

    </div>
    <!--  Evaluate 内容区  -->
    <div class="container tab-pane fade" id="pills-6" role="tabpanel" aria-labelledby="pills-contact-tab">

      <div class="row console-content-padding-10">
        <div class="lead console-text-size-025 console-content-padding-10"><b>评估数据</b>：对获取的数据打分，发布evaluate类型块</div>
        <div class="col-8 console-content-padding-10">
          <input class="form-control console-content-find-input" id="console-evaluate-input-tx-id" name="evaluate-input-tx-id" type="text" placeholder="准备评估的目标请求的tx_id">
        </div>
        <div class="col-4 console-content-padding-10">
          <input class="form-control console-content-find-input" id="console-evaluate-input-data-score" name="evaluate-input-data-score" type="text" placeholder="对数据的打分：0~100">
        </div>
      </div>

      <div class="row console-content-padding-10">
        <div class="col-6 offset-6 console-content-padding-10">
          <button type="button" class="btn btn-outline-primary console-content-btn-sm" style="float: right" onclick="release_evaluate()">立即发布</button>
          <button type="button" class="btn btn-outline-success console-content-btn-sm" style="float: right; margin-right: 10px;" onclick="console_release_assist('console-evaluate-query-res-wrap', 'evaluate')">查看可以评估的块</button>
        </div>
      </div>

      <div class="row console-content-padding-10" id="console-evaluate-query-res-wrap"></div>

    </div>
    <!--  Unpack 内容区  -->
    <div class="container tab-pane fade" id="pills-7" role="tabpanel" aria-labelledby="pills-contact-tab">
      <div class="row console-content-padding-10">
        <div class="lead console-text-size-025 console-content-padding-10"><b>解析数据</b>：对获取的数据解密拆包</div>
        <div class="col-12 console-content-padding-10">
          <input class="form-control console-content-find-input" id="console-unpack-input-tx-id" name="unpack-input-tx-id" type="text" placeholder="准备拆包请求的tx_id">
        </div>
      </div>

      <div class="row console-content-padding-10">
        <div class="col-6 offset-6 console-content-padding-10">
          <button type="button" class="btn btn-outline-primary console-content-btn-sm" style="float: right" onclick="release_unpack()">立即拆包</button>
          <button type="button" class="btn btn-outline-success console-content-btn-sm" style="float: right; margin-right: 10px;" onclick="console_release_assist('console-unpack-query-res-wrap', 'unpack')">查看可以拆包的块</button>
        </div>
      </div>

<!--      <div class="row console-content-padding-10">-->
<!--        <div class="col-12 console-content-padding-10" id="console-unpack-res-wrap"></div>-->
<!--      </div>-->

      <div class="row console-content-padding-10" id="console-unpack-query-res-wrap">
<!--        <div class="console-content-padding-10" id="console-unpack-query-res-wrap"></div>-->
        </div>
    </div>
  </div>

</div></div>


<div class="console-wrap-lc" id="block-detail-panel-lc" onclick="close_block_detail_panel()">
  <div class="block-detail-panel-wrap" onclick="event.cancelBubble=true;">
    <div class="tab-content console-container console-content-padding-10" style="height: 98%;padding: 0 10px;" id="block-detail-panel-content">

<!--        <div class="blank-line-02"></div>-->
<!--        <div class="text-center lead console-text-size-04">Block-详细信息</div>-->
<!--        <div class="blank-line-01"></div>-->
<!--        -->
<!--        <table class="table table-hover">-->
<!--          <thead>-->
<!--            <tr>-->
<!--              <th scope="col" style="padding: 10px;">No</th>-->
<!--              <th scope="col" style="padding: 10px;">Name</th>-->
<!--              <th scope="col" style="padding: 10px;">Value</th>-->
<!--&lt;!&ndash;              <th scope="col" style="padding: 10px;">Copy</th>&ndash;&gt;-->
<!--            </tr>-->
<!--          </thead>-->
<!--          <tbody>-->
<!--            <tr>-->
<!--              <th scope="row" style="padding: 10px;">1</th>-->
<!--              <td style="padding: 10px;">node_private_key</td>-->
<!--              <td style="padding: 10px; word-break:break-all;">5f1e096c1a7e68b66ac83af786319db09cd133ac3b91e0c05bd434666f415a8b-->
<!--                <button>复制</button></td>-->
<!--            </tr>-->
<!--          </tbody>-->
<!--        </table>-->

      </div>
    </div>
  </div>
</div>



<div class="head">

  <div class="container-fluid">
    <div class="row">

      <div class="col-1 padding-lr-02 head-text">
        <button type="button" class="btn btn-light" style="font-size:.16rem; padding:2px 10px; border-radius:8px; opacity:.95;" onclick="open_console()">Console</button>

      </div>

      <div class="col-9">
        <div class="head-text" style="text-align: center">
          <span class="head-text head-state-text text-center" id="head-state"></span>&nbsp;&nbsp;
          <span class="badge rounded-pill bg-light text-dark" style="font-size:.16rem; padding:1px 3px; opacity:.8;" onclick="pop_state_block_detail()">+</span>
        </div>
      </div>

      <div class="col-2"><div class="weather"><span id="showTime"></span></div></div>

    </div>
  </div>
	
	<script>

    function timeTransformer(num){
      if(num<10){
        return '0'+num
      }
      else{
        return ''+num
      }
    }

    var t = null;
    t = setTimeout(time,1000);  // 開始运行
    function time(){
      clearTimeout(t);//清除定时器
      dt = new Date();
      var y = timeTransformer(dt.getFullYear());
      var mt = timeTransformer(dt.getMonth()+1);
      var day = timeTransformer(dt.getDate());
      var h = timeTransformer(dt.getHours());//获取时
      var m = timeTransformer(dt.getMinutes());//获取分
      var s = timeTransformer(dt.getSeconds());//获取秒
      document.getElementById("showTime").innerHTML = 'Time: '+y+'/'+mt+'/'+day+" - "+h+':'+m+':'+s;
      t = setTimeout(time, 1000);  // 设定定时器，循环运行     
    } 
  </script>
</div> <!-- .head close -->


<div class="mainbox">
  <ul class="clearfix">
    <li>
      <div class="boxall" style="height: 3.2rem">
        <div class="alltitle">Proportion of Various Types of Blocks</div>
        <div class="allnav" id="echart1"></div>
        <div class="boxfoot"></div>
      </div>
      <div class="boxall" style="height: 6.5rem">
        <div class="alltitle">Chain</div>
        <div class="allnav side-panel-2">
        <ul class="lzc_timeline" id="id-side-panel-2-list" title="0,0">

        </ul>
        <span style="color: rgba(255,255,255,.6)" onclick="set_chain_blocks(1)">Get More</span>
        </div>
        <div class="boxfoot"></div>
      </div>

    </li>
    <li>
      <div class="bar">
        <div class="barbox">
          <ul class="clearfix">
            <li class="pulll_left counter" id="homepage-middle-numbers-height"></li>
            <li class="pulll_left counter" id="homepage-middle-numbers-nodes-num"></li>
            <li class="pulll_left counter" id="homepage-middle-numbers-data-num"></li>
            <li class="pulll_left counter" id="homepage-middle-numbers-cnrp-mean"></li>
          </ul>
        </div>
        <div class="barbox2">
          <ul class="clearfix">
            <li class="pulll_left">Current Block Height</li>
            <li class="pulll_left">Current Number of Nodes</li>
            <li class="pulll_left">Current Number of Published Data</li>
            <li class="pulll_left">Current CNRP Mean</li>
          </ul>
        </div>
      </div>
      <div class="map">
        <div class="map1"><img src="/static/picture/lbx.png"></div>
        <div class="map2"><img src="/static/picture/jt.png"></div>
        <div class="map3"><img src="/static/picture/map.png"></div>
        <div class="map4" id="map_1"></div>
      </div>
    </li>
    <li>
      <div class="boxall" style="height:3.4rem">
        <div class="alltitle">Recent GLOBAL-CNRP Trend</div>
        <div class="allnav" id="echart4"></div>
        <div class="boxfoot"></div>
      </div>
      <div class="boxall" style="height: 3.2rem">
        <div class="alltitle">Current GLOBAL-CNRP</div>
        <div class="allnav" id="echart5"></div>
        <div class="boxfoot"></div>
      </div>
      <div class="boxall" style="height: 3rem">
        <div class="alltitle">Current LOCAL-CNRP</div>
        <div class="allnav" id="echart6"></div>
        <div class="boxfoot"></div>
      </div>
    </li>
  </ul>
</div>
<div class="back"></div>


</body>
</html>
